import Vue from "vue";
import App from "./App.vue";
// 引入重置样式
import "@/assets/css/reset.css";
// 适配
import "amfe-flexible";
// 引入路由
import router from "@/router";
// 引入store
import store from '@/store'
// 引入并安装Vant
// import Vant from 'vant'
// import 'vant/lib/index.css'
// Vue.use(Vant)
// 按需引入Vant，用了那些组件就引入那
import {
  Tabbar,
  TabbarItem,
  Search,
  Tab,
  Tabs,
  Swipe,
  SwipeItem,
  Button,
  Row,
  Grid,
  GridItem,
  Icon,
  Col,
  Badge,
  Dialog,
  Stepper,
  CountDown,
  NoticeBar,
  Toast ,
  Form,
  Field,
  Notify,
  Sidebar,
  SidebarItem,
  Lazyload,
  SwipeCell,
  Checkbox, 
  CheckboxGroup,
  Card,
  SubmitBar,
  Sticky,
  GoodsAction, 
  GoodsActionIcon,
  GoodsActionButton,
  Image as VanImage,
  List,
  Cell,
  Divider,
  NavBar,
} from "vant";

// 使用那些引入的组件就要执行下列代码
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Search);
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(Button);
Vue.use(Row);
Vue.use(Grid);
Vue.use(GridItem);
Vue.use(Icon);
Vue.use(Col);
Vue.use(Badge);
Vue.use(Dialog);
Vue.use(Stepper);
Vue.use(CountDown);
Vue.use(NoticeBar);
Vue.use(Toast );
Vue.use(Form);
Vue.use(Field);
Vue.use(Notify);
Vue.use(SwipeCell);
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(Card );
Vue.use(SubmitBar  );
Vue.use(Sticky);
Vue.use(GoodsAction);
Vue.use(GoodsActionButton);
Vue.use(GoodsActionIcon);
Vue.use(Dialog);
Vue.use(VanImage);
Vue.use(List);
Vue.use(Cell);
Vue.use(Lazyload, {
  lazyComponent: true,
});
Vue.use(Divider);
Vue.use(NavBar);




// 在原型上引入
// Vue.prototype.$notify = Notify
Vue.use(Sidebar);
Vue.use(SidebarItem);
Vue.use(Lazyload,);


// 引入Tabbar组件
import myTabbar from "@/components/myTabbar";
Vue.component("myTabbar", myTabbar);

Vue.config.productionTip = false;

new Vue({
  render: (h) => h(App),
  router,
  store,
  // Tabbar
}).$mount("#app");
